<!-- 因素管理 -->
<template lang="pug">
  .evaluate-factor-wrap
    g-box(title="查询")
      .box-content(slot="content")
        el-row(:gutter="20")
          el-col(:span="8")
            el-row
              el-col(:span="8") 所属题库：
              el-col(:span="16")
                el-select(v-model="questionId")
                  el-option(key="1", value="1")
          el-col(:span="8")
            el-row
              el-col(:span="8") 因素名称：
              el-col(:span="16")
                el-input(v-model="factorName")
        el-row.btn-wrap
          el-button(type="primary", @click="search") 查询
    .content-list
      el-table(:data="list", border, style="width=100%")
        el-table-column(label="因素名称", align="center", prop="name")
        el-table-column(label="因素符号", align="center", prop="symbol")
        el-table-column(label="因素所属题库", align="center", prop="questionName")
        el-table-column(label="因素等级", align="center", prop="level")
        el-table-column(label="操作" align="center")
          template(slot-scope="scope")
            el-button(type="text", size="small")  修改
            el-button(type="text", size="small")  删除
</template>

<script>
import GBox from '../../components/gBox.vue'
import mapStateModel from '../../utils/mapStateModel'
import { mapActions, mapState, mapMutations } from "vuex"
export default {
  computed: {
    ...mapStateModel(["questionId", "factorName", "pageNum"], 'modifyAttr', "factor", "search"),
    ...mapState('factor', {
      list: state => state.factorList
    })
  },
  components: {
    GBox
  },
  methods: {
    search () {}
  }
}
</script>

<style lang="stylus">
.evaluate-factor-wrap
  .el-row
    padding-left 10px
    .el-col
      line-height 36px
      margin-bottom 10px
    &.btn-wrap
      text-align center
</style>
